* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent; /* 解决设备控件上点击出现无用阴影 */
    -webkit-overflow-scrolling: touch; /* 解决在IOS Safari浏览器中浏览overflow加载内容卡顿问题 */
}
*{ margin : 0; padding : 0;}
ul,li{ list-style: none;}
a{text-decoration: none;}
img{ display: block;}
html,body{ height:100%;}
.clearfix:after{ content:""; display: block; clear:both;}

#main{ height: 100vh; display: flex; flex-direction:column;}
#content{ flex:1; overflow:auto; margin-bottom: 47px; position: relative; display: flex; flex-direction:column;}

.slide-enter-active {
    animation: .3s slideMoveIn;
    overflow-x: hidden;
    overflow-y: auto;
}

.slide-outer-active{
    animation: .3s slideMoveOut;
}
@keyframes slideMoveIn {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}
@keyframes slideMoveOut{
    0%{
        transform:translateX(0)
    }
    100% {
        transform: translateX(100%)
    }
}
/*#footer{ width:100%; height:50px; background: white; border-top:2px #ebe8e3 solid; position: fixed; left: 0; bottom:0;}
#footer ul{ display: flex; text-align: center; height:50px; align-items:center;}
#footer ul li{ flex:1; height:40px;}
#footer ul li.active{ color: #f03d37;}
#footer ul i{ font-size: 20px;}
#footer ul p{ font-size: 12px; line-height: 18px;}*/

